
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3系统升级维护404特效</title>
<!--CSS样式-->
<style>
@charset "utf-8";
* {
	word-wrap:break-word
}
html,body,h1,h2,h3,h4,h5,h6{
	color:#666;
	margin:0;
	padding:0;
	font-weight: normal;
}
html {
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body {
	line-height:1.6;
	background: #7395ff;
}
.system{
	width: 1100px;
    margin: 0 auto;
    text-align: center;
    padding-top: 140px;
}
.system img{
	text-align: center;
	    width: 500px;
}

.title h2{
	color: #fff;
    font-size: 36px;
    letter-spacing: 4px;
    text-align: center;
    line-height: 120px;
    font-weight: bold;
}
.title h4
{
	color: #fff;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
}
</style>
<!--CSS样式-->
</head>
<body>
<!-- html部分 -->
<div class="system">
		<img src="./images/404.png">
	<div class="title">
		<h2>网站维护中...</h2>
		<h4>为了让您更好的使用系统，我们正在对服务器进行升级，
            升级期间暂时无法访问。</h4>
		<h4>给您带来的不便，敬请谅解！</h4>
	</div>	
</div>
<!-- html部分 -->
</body>
</html>